<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
    <div class="app-sidebar__user">
        <input type="hidden" >
        <img class="app-sidebar__user-avatar" style="max-height: 50px;max-width: 50px" name="userImage"  th:src="${session.user.userImage}"
             alt="User Image">
        <div>
            <p class="app-sidebar__user-name"><span name="userName" th:text="${session.user.userName}"></span></p>
        </div>
    </div>
    <ul class="app-menu">
        <li>
            <a class="app-menu__item" href="/account/profile">
                <i class="app-menu__icon fa fa-vcard-o"></i>
                <span class="app-menu__label">个人界面</span>
            </a>
        </li>
        <li shiro:hasAnyRoles="商家,用户">
            <a class="app-menu__item" href="/pages/scenery">
                <i class="app-menu__icon fa fa-map-o"></i>
                <span class="app-menu__label">景点</span>
            </a>
        </li>
        <li shiro:hasAnyRoles="商家,用户">
            <a class="app-menu__item" href="/pages/travels">
                <i class="app-menu__icon fa fa-map-o"></i>
                <span class="app-menu__label">游记</span>
            </a>
        </li>
        <li class="treeview" shiro:hasAnyRoles="管理员">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-laptop"></i>
                <span class="app-menu__label">后台管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li>
                    <a class="treeview-item" href="/account/users">
                        <i class="icon fa fa-circle-o"></i>
                        用户管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/account/roles">
                        <i class="icon fa fa-circle-o"></i>
                        角色管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/account/resources">
                        <i class="icon fa fa-circle-o"></i>
                        权限管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/other/messages">
                        <i class="icon fa fa-circle-o"></i>
                        留言管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/other/scenery">
                        <i class="icon fa fa-circle-o"></i>
                        景点管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/other/travels">
                        <i class="icon fa fa-circle-o"></i>
                        游记管理
                    </a>
                </li>
                <li>
                    <a class="treeview-item" href="/other/images">
                        <i class="icon fa fa-circle-o"></i>
                        图片管理
                    </a>
                </li>
            </ul>

        </li>
    </ul>
</aside>
